<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>申请试用-加入购物车</title>
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/mui.css">

    <link rel="stylesheet" href="../../css/search_goods.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();
        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<div class="nav">
    <img src="../../images/det_bg_lqtwo_default.png" alt="">
</div>
<!--搜索筛选关键词-->
<div class="add_shoppingCart">
    <p class="step">
        <img src="../../images/lqsy_bg_one_default.png" alt="">
    </p>
    <p class="title">核对商品信息，加入购物车</p>
    <div class="content">
       <p>请核对以下商品信息，无误后请将商品加入购物车，以便您在之后的任务过程中更容易找到试用商品。</p>

        <div class="good">
            <p class="title">
                <span>NIKE旗舰店</span>
                <b>&nbsp;&nbsp;10:20:35</b>
                <b>2016-11-18</b>
            </p>
            <ul>
                <li>
                    <img src="../../images/syjz_bg_nike_default.png" alt="">
                </li>
                <li>
                    <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                    <p>商品规格：<span>米色，M</span></p>
                    <p>商品数量：<span>1件</span></p>
                    <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--根据详细信息寻找商品-->
<div class="announcements">
    <p class="step">
        <img src="../../images/lqsy_bg_two_default.png" alt="">
    </p>
    <p class="title">注意事项</p>
    <div class="content">
        <p>1.部分商品不同规格价格不同，请选择指定规格加入购物车</p>
        <p>2.请核实您购买的商品是否为<span>20.00</span>元</p>
        <p>3.当前商品为<span>包邮试用</span></p>
    </div>
</div>
<p class="submit_btn">
    <input class="affirm_submit" type="submit" value="已加入购物车，提交申请">
</p>

<div class="modal_box">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
            <img class="close" src="../../images/tc_icon_off_default.png" alt=""></p>
        <p class="main">确认提交？</p>
        <p class="btns">
            <input type="button" value="确定">
            <input class="close" type="button" value="取消">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>

</body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../../js/mui.js"></script>
<script>
    $(function(){
        $('.mask_layer').height(document.body.scrollHeight+60);
        $('.affirm_submit').bind("tap",function(){
            $('.modal_box').css('display','block');
            $(document.body).css({
                "overflow-x":"hidden",
                "overflow-y":"hidden"
            });
        });
        $('.close').bind("tap",function(){
            $('.modal_box').css('display','none');
            $(document.body).css({
                "overflow-x":"auto",
                "overflow-y":"auto"
            });
        })
    })
</script>
</html>



























